/* wechat.css */
body { background-color: #ebebeb; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: 400; }
ul,ol{ margin: 0; list-style-type: none; }
.header, .footer, .content { position: absolute; left: 0; right: 0; overflow: hidden; }
.header, .footer { -webkit-animation: .35s ease-in-out;	animation: .35s ease-in-out; }
.header.out, .footer.out { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.header { height: 48px; padding: 0 5px; background-color: #e4393c;; color: #fff; top: 0; z-index: 1; }
.header > h1 { line-height: 48px; margin: 0 0 0 10px; font-size: 18px; float: left; }
.header > a { display: inline-block; width: 48px; height: 48px; background-size: 48px 144px; text-indent: -9em; overflow: hidden; }
.header > .icon-search, .header > .icon-add { float: right; }
.header > .icon-back { float: left; position: relative; margin-left: -5px; }
.header > .icon-back::after { content: ''; height: 24px; border-right: 1px solid #191212; position: absolute; top: 12px; right: 0; }
.footer { height: 52px; border-top: 1px solid #dfdfdf; background-color: #fcfcfc; bottom: 0; z-index: 1; }
.footer > a { width: 25%; text-align: center; color: #999; float: left; font-size: 14px; height: 100%;}
.footer > a > i {display: block;height: 25px;margin-bottom: 3px;background-size: 35px 280px;margin-top: 5px;}
.footer > a > span{margin-top: 5px;}
.footer > .active { color: #e4393c; }
.content { top: 48px; bottom: 53px; }
.header + .content { bottom: 0; }
.icon-search, .icon-back, .icon-add { background: url(../img/icon-header.png) no-repeat; }
.icon-back { background-position: 0 -96px; }
.icon-add { background-position: 0 -48px; }
.icon-wechat, .icon-contacts, .icon-finds, .icon-mes { background: url(../img/icon-footer.png) no-repeat center top; }
.active .icon-wechat { background-position: center -35px; }
.icon-contacts { background-position: center -70px; }
.active .icon-contacts { background-position: center -105px; }
.icon-finds  { background-position: center -140px; }
.active .icon-finds { background-position: center -175px; }
.icon-mes  { background-position: center -210px; }
.active .icon-mes { background-position: center -245px; }
.icon-find { background: url(../img/icon-find.png) no-repeat; background-size: 28px 210px; }
.icon-find-2 { background-position: 0 -30px; }
.icon-find-3 { background-position: 0 -60px; }
.icon-find-4 { background-position: 0 -90px; }
.icon-find-5 { background-position: 0 -120px; }
.icon-find-6 { background-position: 0 -150px; }
.icon-find-7 { background-position: 0 -180px; }
.icon-me { background: url(../img/icon-me.png) no-repeat; background-size: 28px 120px; }
.icon-me-2 { background-position: 0 -30px; }
.icon-me-3 { background-position: 0 -60px; }
.icon-me-4 { background-position: 0 -90px; }
.header > .iconfont{
	float: right;
	color:#fff;
	margin-right:10px;
	margin-top:12px;
}

.wechat-list { display: block; height: 64px; padding: 8px 12px; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; background-color: #fff; }
.wechat-list:last-child { border-bottom: 0; }
.wechat-list > img { width: 48px; height: 48px; float: left; }
.wechat-list > .cell { padding-left: 58px; line-height: 24px; color: #333; }
.wechat-h-time { overflow: hidden; }
.wechat-h-time > h5 { font-size: 100%; float: left; }
.wechat-h-time > time { font-size: 12px; color: #b9b9b9; float: right; }
.wechat-h-time .business { color: #54688D; }
.wechat-h-time + p { margin: 0 20px 0 0; font-size: 14px; color: #a8a8a8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wechat-detail { position: relative; z-index: 1; }

.contact-group { padding-left: 10px; padding-right: 10px; background-color: #fff; }
.contact-list { height: 36px; padding-top: 7.5px; padding-bottom: 8px; border-bottom: 1px solid #D8D8D8; }
.contact-list:last-child { border-bottom: 0; }
.contact-list > img { width: 36px; height: 36px; position: absolute; }
.contact-list > nickname { display: block; line-height: 36px; margin-left: 44px; }
.contact-h { line-height: 23px; padding-left: 10px; font-size: 12px; color: #868686; }

.find-group { padding-left: 12px; padding-right: 12px; margin-top: 20px; margin-bottom: 20px; background-color: #fff; }
.find-list { height: 30px; line-height: 30px; padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #d7d7d7; text-indent: 52px; position: relative; }
.find-list:last-child { border-bottom: 0; }
.find-list > .icon-find { position: absolute; height: 30px; width: 28px; left: 10px; }

.me-group { padding-left: 12px; padding-right: 12px; margin-top: 20px; margin-bottom: 20px; background-color: #fff; }
.me-list { height: 30px; line-height: 30px; padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #d7d7d7; text-indent: 52px; position: relative; }
.me-list:last-child { border-bottom: 0; }
.me-list > .icon-me { position: absolute; height: 30px; width: 28px; left: 10px; }
.me-header { padding: 8px 0; overflow: hidden; }
.me-head { width: 64px; height: 64px; float: left; }
.me-detail { margin-left: 80px; }
.me-detail > h6 { line-height: 35px; font-size: 100%; }
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  background:#1A1A1A;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
.swipe-wrap img{
	width:100%;
	height:200px;
}
#tz_ad_area{position:relative;}
.recom_ad_div {position:absolute;top:0;height:100%; width:100%; background-size:100% 100%;background-position:center center; background-repeat:no-repeat;}
.imageOutBox{position:relative;left:0;top:0;height:100%; width:100%; }
#recomchoose {position: absolute;left: 0;bottom: 0.0em;width: 100%;height: 1.5em;line-height: 1.5em;text-align: center; z-index:10}
#titleArea{position: absolute;left:3%;top: 0;width:70%;height: 1.5em;line-height: 1.5em;text-align:left;z-index:5;overflow:hidden; opacity: 1;} 
.recomBg {position: absolute;left: 0%;bottom: 0;width: 100%;height: 100%;line-height: 1.875em;background-color:#000;opacity:0.25; z-index:5}
#chooseArea{position: absolute;right: 0.5em;bottom: 0em;width: 3em;height: 1.5em;line-height: 1.5em;text-align: right;
			display: -webkit-box !important;display: box !important;z-index:10;-webkit-transition-duration:600ms;}
.choose {position: relative;height:0.3em; width:0.3em; top: 0.6em;margin-left: 0.3em;background-color:#f39700; -webkit-border-radius:0.15em;}
.choose_touch {position: relative;height:0.3em; width:0.3em; top: 0.6em;margin-left: 0.3em; background-color:#dedede; -webkit-border-radius:0.15em;}
